﻿@page "/General/Tooltips"
@using LiveChartsCore.SkiaSharpView.Blazor
@using LiveChartsCore;
@using LiveChartsCore.SkiaSharpView;
@using LiveChartsCore.Measure;

<select @bind="_tooltipPosition">
    <option value="Hidden">Hidden</option>
    <option value="Top">Top</option>
    <option value="Bottom">Bottom</option>
    <option value="Right">Right</option>
    <option value="Left">Left</option>
    <option value="Center">Center</option>
</select>

<CartesianChart
    Series="@series"
    TooltipPosition="@_tooltipPosition">
</CartesianChart>

@code {
    private TooltipPosition _tooltipPosition = TooltipPosition.Top;
    private ISeries[] series = new ISeries[]
    {
        new ColumnSeries<double> { Values = new double[] { 3, 7, 3, 1, 4, 5, 6 }, Name = "Sales" },
        new LineSeries<double> { Values = new double[] { 2, 1, 3, 5, 3, 4, 6 }, Name = "Customers" }
    };
}
